﻿<#include "/utils/ui.ftl"/>
<#assign topId = 1 />

<@layout>

<div class="placeholder-height"></div>
<div class="article-section-wrap">
    <div class="article-section" data-aid="197460">
    <div class="container" id="article197460">
        <div class="nrtj-wrap" id="nrtj-wrap197460"></div>
        <div class="wrap-left pull-left">
            <!--栏目标题-->
            <div class="column-wrap">
                <span>${category.name}</span>
            </div>

            <!--文章列表-->
            <div class="mod-info-flow">
                 <#if articles?? && (articles?size > 0) >
                <#list articles as row>
                <!--公共内容列表部分-->
                <div class="mod-b mod-art clearfix" data-aid="${row.id}">
                    <!--栏目链接-->
                    <div class="mod-thumb pull-left ">
                        <a class="transition" title="${row.title}" href="/article/${row.id}.html" target="_blank">
                            <img class="lazy" data-original="${row.thumbnail}" alt="${row.title}" style="display: inline;" src="${row.thumbnail}">
                        </a>
                    </div>
                    <div class="mob-ctt channel-list-yh">
                        <h2>
                            <a href="/article/${row.id}.html" class="transition msubstr-row2" target="_blank">${row.title}</a>
                        </h2>
                        <div class="mob-author">
                            <div class="author-face">
                                <a href="/member/2199899.html" target="_blank"><img src="https://img.huxiucdn.com/auth/data/avatar/002/19/98/99_1529917656.jpg?imageView2/1/w/72/h/72/|imageMogr2/strip/interlace/1/quality/85/format/jpg"></a>
                            </div>
                            <a href="/member/2199899.html" target="_blank">
                                <span class="author-name">Cuba Libre</span>
                            </a>
                            <a href="/vip" target="_blank"></a>
                            <span class="time">${row.publishDateTime}</span>
                            <i class="icon icon-cmt"></i><em>1</em>
                            <i class="icon icon-fvr"></i><em>3</em>
                        </div>

                        <div class="mob-sub">${row.summary}</div>
                    </div>
                </div>
                </#list>
                <#else>
                     暂无数据
                </#if>
            </div>

     </div>
     <div class="wrap-right pull-right">
		<div class="box-moder hot-tag">
			<h3>热门栏目</h3>
			<span class="pull-right project-more"><a href="#" class="transition" target="_blank">全部</a></span>
			<span class="span-mark"></span>
			<div class="search-history search-hot">
				<ul>
				 <li class="transition"><a href="#" target="_blank">阿里巴巴</a></li>
					<li class="transition"><a href="#" target="_blank">投稿</a></li>
					<li class="transition"><a href="#" target="_blank">创业</a></li>
					<li class="transition"><a href="#" target="_blank">头条</a></li>
					<li class="transition"><a href="#" target="_blank">马云</a></li>
					<li class="transition"><a href="#" target="_blank">大数据</a></li>
					<li class="transition"><a href="#" target="_blank">移动互联网</a></li>
					<li class="transition"><a href="#" target="_blank">电子商务</a></li>
					<li class="transition"><a href="#" target="_blank">微信</a></li>
					<li class="transition"><a href="#" target="_blank">Facebook</a></li>
				</ul>
			</div>
		</div>
		<div class="placeholder"></div>
    		<div class="box-moder hot-article">
        		<h3>热文</h3>
        		<span class="span-mark"></span>
                <ul>
                        <#if hotArticles?? && (hotArticles?size > 0) >
                        <#list hotArticles as row>
                        <li>
                            <div class="hot-article-img">
                                <a href="/article/${row.id}.html" target="_blank"><img
                                        src="${row.thumbnail}"></a>
                            </div>
                            <a href="/article/${row.id}.html" class="transition" target="_blank">${row.title}</a>
                        </li>
                        </#list>
                        <#else>
                     暂无数据
                        </#if>
                </ul>
    		</div>
        </div>
    </div>
</div>
<div class="article-section article-section-last"></div>
</div>

</@layout>